
<template>
  <div id="app">
    {{ message }}
    <span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>
    <p v-if="seen">现在你看到我了</p>
    <ol>
      <li v-for="todo in todos">
        {{ todo.text }}
      </li>
    </ol>
    <input v-model="message">
    <button v-on:click="listenerTest">点击测试</button>
  </div>

</template>

<script>

  export default {
  name: 'study',
  data () {
    return {
      message: 'Welcome to Your Vue.js App',
      seen:false,
      todos: [
        { text: '学习 JavaScript' },
        { text: '学习 Vue' },
        { text: '整个牛项目' }
      ],
      groceryList: [
        { text: '蔬菜' },
        { text: '奶酪' },
        { text: '随便其他什么人吃的东西' }
      ]
    }
  },
  methods:{
    listenerTest(){
        alert('点击测试')
    }
  }

}
</script>

